    .aside {
        border-right: 1px solid #ececec;
        background-color: #f8f8f8;
        //height: 100%;
        //margin-top: 50px;
        padding: 12px 12px 24px 12px; //菜单对齐设置
        z-index: 200;
        //box-sizing: border-box;
        position: absolute;
        top: 50px;
        bottom: 0;
        //transition: width 0.2s ease-in-out, left 0.2s ease-in-out;
        //左侧菜顶部区域
        .aside-header {
            height: 66px;
            //字库图标
            >i {
                margin-right: 36px;
                margin-bottom: 30px;
                font-size: 36px;
                //color: rgb(194, 194, 194);
                color: rgba(128, 127, 131, 1);
            }
            //图片类型
            >img {
                display: inline-block;
                width: 36px;
                height: 36px;
                margin-right: 36px;
                margin-bottom: 30px;
                position: relative;
                outline: none;
            }
        }
        //左侧菜单底部区域
        .aside-footer {
            bottom: 0;
            left: 0;
            right: 0;
            position: absolute;
            //border-top: 1px solid #e1e1e1;
            >i {
                margin: 17px;
                //margin-right: 36px;
                //margin-bottom: 30px;
                font-size: 36px;
                color: rgba(194, 194, 194, 1);
            }
            >img {
                margin: 5px;
                border: 0;
                border-radius: 50%;
                vertical-align: middle;
            }
        }
        .aside-menu {
            height: 100%;
            float: left;
            width: 42px;
            margin-bottom: 48px;
            transition: all 0.2s ease-in-out;
            .aside-nav {
                margin-bottom: 48px;
                display: block;
                list-style: none;
                position: relative;
                .aside-sub {
                    height: 48px;
                    line-height: 1;
                    font-size: 18px;
                    list-style: none;
                    text-align: center;
                    position: relative;
                    text-decoration: none;
                    .aside-sub-icon {
                        width: 36px;
                        height: 36px;
                        line-height: 2.3;
                        border-radius: 50%;
                        display: inline-block;
                        cursor: pointer;
                        //color: #2DBE60;
                        &.done {
                            line-height: 1.7;
                            font-size: 22px;
                        }
                    }
                }
            }
        }
    }

    .aside-default {
        left: 0;
        width: 73px;
        transition: width 0.2s ease-in-out, left 0.2s ease-in-out 0.3s;
        .aside-sub-icon {
            color: rgba(45, 190, 96, 1);
            background-color: #f8f8f8;
            transition: all 0.25s ease-in-out;
            &.action {
                border: 1px rgba(45, 190, 96, 1) solid;
            }
            &:hover {
                color: #f8f8f8;
                background: rgba(45, 190, 96, 1);
                transition: all 0.25s ease-in-out;
            }
        }
    }

    .aside-fullscreen {
        left: -73px;
        width: 73px;
        transition: width 0.2s ease-in-out, left 0.2s ease-in-out;
    }